<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="content-type" content="text/html">
   <!-- <meta name="viewport" content="width=device-width, initial-scale=1"/>
    <meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
    <meta name="renderer" content="webkit" />-->
    <!--<meta property="og:title" content="刘贼强个人博客" />-->
    <title>刘贼强个人博客随笔页</title>
    <meta name="keywords" content="刘贼强个人博客">
    <meta name="description" content="刘贼强个人博客">
    <!--<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">-->
    <link rel="stylesheet" href="css/animate.min.css">
    <link rel="stylesheet" href="css/font-awesome.min.css">
    <link rel="stylesheet" href="css/base.css">

    <script src="js/jquery-1.8.3.min.js"></script>
    <script src="js/wow.min.js"></script>
    <script src="js/base.js"></script>
    <script type="text/javascript">
        function sou() {
            $.post("suiall",{},function (data) {
                var html="";
                for (var i = 0; i < data.length; i++) {
                    html+='   <li>\n' +
                        '                                <span class="suibi_neirong_time">'+data[i].time+'</span>\n' +
                        '                                <p class="suibi_neirong_yuandian">\n' +
                        '                                    <i class="fa fa-dot-circle-o"></i>\n' +
                        '                                </p>\n' +
                        '                                <div class="suibi_content_text">\n' +
                        '                                    <textarea id="thing" name="thing" style="width: 822px;height: 101px;background-color:  #008080">\n' +
                            data[i].thing+
                        '                                    </textarea>\n' +
                        '<a href="del.do?time='+data[i].time+'"><i class="fa fa-trash-o fa-fw" ></i>删除此条</a>&nbsp;&nbsp;'+
                        '<a href="updatesui.html?time='+data[i].time+'&thing='+data[i].thing+'"><i class="fa fa-scissors" ></i>修改此条</a>'+
                        '                                </div>\n' +
                        '                            </li>';
                }
                document.getElementById('ul').innerHTML=html;
            })
        }
    </script>
</head>
<body>
<!--base随笔页面的图片-->
<div class="bg_pic"></div>
<!--base随笔页面的头部部分-->
<div class="base_header">

    <div class="base_header_content">

        <a href="index.html" class="base_header_logo"><img src="img/logo.png"></a>

        <div class="base_header_nav">
            <ul>
                <!--这里是没有子栏目的样式-->
                <li><i class="fa fa-caret-right"></i><a href="index.html">首页</a></li>

                <!--顶级导航-->
                <li >
                    <i class="fa fa-caret-right"></i><a href="list.html">博客</a>

                    <!--二级导航有子栏目的时候-->
                    <ul class="nav_child">

                        <li><i class="fa fa-caret-right"></i><a href="list.html">个人</a>

                            <!--三级栏目-->
                            <ul class="nav_child">
                                <li><a href="list.html">博客类</a></li>
                                <li><a href="list.html">技术类</a></li>
                                <li><a href="list.html">学习类</a></li>
                            </ul>

                        </li>

                        <!--二级导航没有子栏目的时候-->
                        <li><a href="list.html">学习</a></li>

                    </ul>
                </li>



                <!--顶级导航-->
              <!--  <li >
                    <i class="fa fa-caret-right"></i><a href="list.html">添加</a>


                    &lt;!&ndash;二级导航有子栏目的时候&ndash;&gt;
                    <ul class="nav_child">

                        <li><i class="fa fa-caret-right"></i><a href="list.html">学习</a>

                            &lt;!&ndash;三级栏目&ndash;&gt;
                            <ul class="nav_child">
                                <li><a href="list.html">css</a></li>
                                <li><a href="list.html">js</a></li>
                                <li><a href="list.html">jquery</a></li>
                            </ul>

                        </li>

                        &lt;!&ndash;二级导航没有子栏目的时候&ndash;&gt;
                        <li><a href="javascript:void(0)">学习</a></li>

                    </ul>
                </li>-->
                <li class="have_second_navs">
                    <i class="fa fa-caret-right"></i>
                    <a href="suibi.html" class="base_header_nav_active">随笔</a>
                </li>
            </ul>
        </div>

        <!--手机导航部分-->

        <div class="base_nav_menu" id="base_nav_menu" bind_click="true"><span bind_click="true"></span></div>

        <div class="base_nav_zhezao"></div>

    </div>
</div>

<!--base随笔页身体部分开始-->
<div class="base_content_body">
<!--base随笔页身体部分居中显示-->
    <div class="base_content_content clearfix">

        <div class="suibi_box wow zoomIn">
<!--随笔盒子-->
            <div class="suibi_box_content clearfix">
<!--随笔抬头-->
                <h1><i class="fa fa-paint-brush"></i>随笔</h1>
<!--随笔的线-->
                <div class="suibi_line"></div>

                <!--随笔的年份开始-->
                <div class="suibi_year">
                    <h2>
                        <a onclick="sou()" title="点击显示或隐藏">2022年<i class="fa fa-caret-down"></i></a>
                    </h2>
                    <div class="suibi_neirong">
                        <ul id="ul">
                            <!--<li>-->
                                <!--<span class="suibi_neirong_time">7月1日</span>-->
                                <!--<p class="suibi_neirong_yuandian">-->
                                    <!--<i class="fa fa-dot-circle-o"></i>-->
                                <!--</p>-->
                                <!--<div class="suibi_content_text">-->
                                    <!--<textarea id="thing" name="thing" style="width: 822px;height: 101px;background-color:  #008080">-->
                                    <!--</textarea>-->
                                <!--</div>-->
                            <!--</li>-->
                        </ul>
                    </div>
                </div>
                <!--随笔的结束-->
                <h1>
                    <a href="addsui.html"><i class="fa fa-plus-square-o"></i>Insert</a>
                </h1>
                <h1><i class="fa fa-hourglass-end"></i>The End</h1>
            </div>
        </div>



        <!--base随笔页身体右边部分-->
        <div class="base_content_right" style="width: 0;visibility: hidden;height: 0;">

            <div class="base_content_right_item" id="base_content_right_down">
                <div class="base_search">
                    <form name="searchform" class="search_form" method="post" action="#" target="_blank">
                        <input type="text" class="search_text" required="required" name="keyboard" placeholder="输入关键字搜索">
                        <input type="hidden" name="tbname" value="news">
                        <input type="hidden" name="show" value="title,smalltext">
                        <input type="hidden" name="tempid" value="1">
                        <input type="hidden" name="classid" value="1,4,9">
                        <input type="submit" class="search_btn" value="" title="搜索">
                        <i class="fa fa-search"></i>
                    </form>
                </div>



                <!--这里是页面右侧的导航部分-->
                <div class="blog_right_nav">

                    <ul>
                        <blog_active_and_hover_class class="blog_active_and_hover_class"></blog_active_and_hover_class>

                    </ul>

                </div>
                <!--这里是右侧的博客介绍部分-->
                <div class="blog_info">
                    <ul>
                        <blog_active_and_hover_class class="blog_active_and_hover_class"></blog_active_and_hover_class>
                        <li class="blog_lanmu_active"><a href="javascript:void(0)">博客介绍</a></li>
                        <li><a href="javascript:void(0)">创建时间:2018年12月12日</a></li>
                        <li><a href="javascript:void(0)">创建目的:发布学习心得发布学习心得发布学习心得发布学习心得</a></li>
                        <li><a href="javascript:void(0)">文章总数:210</a></li>
                        <li><a href="javascript:void(0)">来访人数:210</a></li>
                    </ul>
                </div>
                <!--这里是右侧的博主介绍部分-->
                <div class="blog_master_info">
                    <ul>
                        <blog_active_and_hover_class class="blog_active_and_hover_class"></blog_active_and_hover_class>
                        <li class="blog_lanmu_active"><a href="javascript:void(0)">博主介绍</a></li>
                        <li><a href="javascript:void(0)">网名：大青牛和穿山甲</a></li>
                        <li><a href="javascript:void(0)">座右铭：这里放座右铭，写什么还没想好。</a></li>
                        <li><a href="javascript:void(0)">简介：80后，爱研究，爱读书，爱旅游，期盼有一天有能力环游全世界，看遍世界的美丽。</a></li>
                    </ul>
                </div>


            </div>



            <div class="base_content_right_item">

                <h3 class="base_content_right_item_title">点击排行</h3>
                <div class="base_content_right_item_list">

                    <ul>
                        <li><a href="javascript:void(0)">最新文章第一篇文章的标题部分嫩嗯嗯嗯嗯讷讷呢</a></li>
                        <li><a href="javascript:void(0)">最新文章第二篇文章的标题部分嫩嗯嗯嗯嗯讷讷呢</a></li>
                        <li><a href="javascript:void(0)">最新文章第三篇文章的标题部分嫩嗯嗯嗯嗯讷讷呢</a></li>
                        <li><a href="javascript:void(0)">最新文章第四篇文章的标题部分嫩嗯嗯嗯嗯讷讷呢</a></li>
                        <li><a href="javascript:void(0)">最新文章第五篇文章的标题部分嫩嗯嗯嗯嗯讷讷呢</a></li>
                        <li><a href="javascript:void(0)">最新文章第六篇文章的标题部分嫩嗯嗯嗯嗯讷讷呢</a></li>
                        <li><a href="javascript:void(0)">最新文章第七篇文章的标题部分嫩嗯嗯嗯嗯讷讷呢</a></li>
                        <li><a href="javascript:void(0)">最新文章第八篇文章的标题部分嫩嗯嗯嗯嗯讷讷呢</a></li>
                        <li><a href="javascript:void(0)">最新文章第九篇文章的标题部分嫩嗯嗯嗯嗯讷讷呢</a></li>
                        <li><a href="javascript:void(0)">最新文章第十篇文章的标题部分嫩嗯嗯嗯嗯讷讷呢</a></li>
                        <li><a href="javascript:void(0)">最新文章第十一篇文章的标题部分嫩嗯嗯嗯嗯讷讷呢</a></li>
                        <li><a href="javascript:void(0)">最新文章第十二篇文章的标题部分嫩嗯嗯嗯嗯讷讷呢</a></li>
                        <li><a href="javascript:void(0)">最新文章第十三篇文章的标题部分嫩嗯嗯嗯嗯讷讷呢</a></li>
                        <li><a href="javascript:void(0)">最新文章第十四篇文章的标题部分嫩嗯嗯嗯嗯讷讷呢</a></li>
                        <li><a href="javascript:void(0)">最新文章第十五篇文章的标题部分嫩嗯嗯嗯嗯讷讷呢</a></li>
                    </ul>
                </div>
            </div>


            <div class="base_content_right_item">

                <h3 class="base_content_right_item_title">最新文章</h3>
                <div class="base_content_right_item_list">

                    <ul>
                        <li><a href="javascript:void(0)">最新文章第一篇文章的标题部分嫩嗯嗯嗯嗯讷讷呢</a></li>
                        <li><a href="javascript:void(0)">最新文章第二篇文章的标题部分嫩嗯嗯嗯嗯讷讷呢</a></li>
                        <li><a href="javascript:void(0)">最新文章第三篇文章的标题部分嫩嗯嗯嗯嗯讷讷呢</a></li>
                        <li><a href="javascript:void(0)">最新文章第四篇文章的标题部分嫩嗯嗯嗯嗯讷讷呢</a></li>
                        <li><a href="javascript:void(0)">最新文章第五篇文章的标题部分嫩嗯嗯嗯嗯讷讷呢</a></li>
                        <li><a href="javascript:void(0)">最新文章第六篇文章的标题部分嫩嗯嗯嗯嗯讷讷呢</a></li>
                        <li><a href="javascript:void(0)">最新文章第七篇文章的标题部分嫩嗯嗯嗯嗯讷讷呢</a></li>
                        <li><a href="javascript:void(0)">最新文章第八篇文章的标题部分嫩嗯嗯嗯嗯讷讷呢</a></li>
                        <li><a href="javascript:void(0)">最新文章第九篇文章的标题部分嫩嗯嗯嗯嗯讷讷呢</a></li>
                        <li><a href="javascript:void(0)">最新文章第十篇文章的标题部分嫩嗯嗯嗯嗯讷讷呢</a></li>
                        <li><a href="javascript:void(0)">最新文章第十一篇文章的标题部分嫩嗯嗯嗯嗯讷讷呢</a></li>
                        <li><a href="javascript:void(0)">最新文章第十二篇文章的标题部分嫩嗯嗯嗯嗯讷讷呢</a></li>
                        <li><a href="javascript:void(0)">最新文章第十三篇文章的标题部分嫩嗯嗯嗯嗯讷讷呢</a></li>
                        <li><a href="javascript:void(0)">最新文章第十四篇文章的标题部分嫩嗯嗯嗯嗯讷讷呢</a></li>
                        <li><a href="javascript:void(0)">最新文章第十五篇文章的标题部分嫩嗯嗯嗯嗯讷讷呢</a></li>
                    </ul>

                </div>
            </div>




        </div>


    </div>

</div>


<!--一键回到顶部的box-->
<div class="go_top"><i class="fa fa-angle-up"></i></div>

<div class="base_footer">
    <ul>
        <li><a href="https://wpa.qq.com/msgrd?v=3&uin=446157433&site=qq&menu=yes" target="_blank" title="QQ:446157433"  class="base_footer_qq"><i class="fa fa-qq"></i></a></li>
        <li><a href="mailto:446157433@qq.com" target="_blank" title="邮箱：446157433" class="base_footer_email"><i class="fa fa-envelope"></i></a></li>
        <li><a href="javascript:void(0)" title="扫描微信二维码联系我们" class="base_footer_weixin"><i class="fa fa-weixin"></i><img src="img/erweima.png"></a></li>
    </ul>

    <span class="base_footer_text">Copyright © 2019-2020 Power by 刘贼强的博客</span>
    <span class="base_footer_text">ICP备案号：<a href="http://www.beian.miit.gov.cn/">XXXXXXXXXX</a></span>
</div>


</body>
</html>